<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta http-equiv="x-ua-compatible" content="ie=edge" />
    <link type="text/css" rel="stylesheet" href="../style/avalon.doc.css"/>
    <script src="../avalon.js"></script>
    <script src="../highlight/shCore.js"></script>
    <script type="text/javascript">
        require(['miniswitch/avalon.miniswitch.js'], function() {
            avalon.ready(function() {
                //multiple select vmodel
                avalon.define('miniswitch', function(vm) {});
                avalon.scan();
            });
        });
    </script>
</head>
<body>
<div class="wrapper">
    <div ms-controller="miniswitch">
        <h1>图标式下拉开关（miniswitch）</h1>
        <p>用空select节点生成默认组件</p>
        <select ms-widget="miniswitch"></select>
    </div>
    <pre class="brush:html;gutter:false;toolbar:false;" ms-skip>
        &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
        &lt;head&gt;
            &lt;title&gt;&lt;/title&gt;
            &lt;meta http-equiv="content-type" content="text/html;charset=utf-8" /&gt;
            &lt;meta http-equiv="x-ua-compatible" content="ie=edge" /&gt;
            &lt;script src="../avalon.js"&gt;&lt;/script&gt;
            &lt;script type="text/javascript"&gt;
                require('miniswitch/avalon.miniswitch.js', function() &#123;
                    avalon.ready(function() &#123;
                        //multiple select vmodel
                        avalon.define('miniswitch', function(vm) &#123;&#125;);
                        avalon.scan();
                    &#125;);
                &#125;);
            &lt;/script&gt;
        &lt;/head&gt;
        &lt;body&gt;
        &lt;div ms-controller="miniswitch"&gt;
            &lt;h2&gt;图标式下拉开关（miniswitch）&lt;/h2&gt;
            &lt;p&gt;用空select节点生成默认组件&lt;/p&gt;
            &lt;select ms-widget="miniswitch"&gt;&lt;/select&gt;
        &lt;/div&gt;
        &lt;/body&gt;
        &lt;/html&gt;
    </pre>
</div>
</body>
</html>